<template>
    <hl-page title="帮助" :hidden-back="true" :hidden-tab-bar="false">
        <div class="content" slot="content">
            <div class="help-title">
                服务津贴
            </div>
            <div class="help-detail">
                {{$store.state.help}}
            </div>
        </div>
        <hl-tabbar slot="tab" :active="active" @tabBarSelect="changeTab"/>
    </hl-page>
</template>

<script>
    import HlPage from "../components/hl-page";
    import HlTab from "../components/hl-tab";
    import HlTabbar from "../components/hl-tabbar";

    export default {
        components: {
            HlTabbar,
            HlTab,
            HlPage
        },
        name: "help",
        data() {
            return {
                active: 2
            }
        },
        methods: {

            changeTab(item, index) {
                switch (index) {
                    case 0:
                        this.$router.push('/');
                        break;
                    case 1:
                        this.$router.push('/team');
                        break;
                    case 2:
                        this.$router.push('/help');
                        break;
                    case 3:
                        this.$router.push('/me');
                        break;
                }
            }
        }
    }
</script>

<style scoped lang="less">
    .help-title {
        font-size: 32px;
        color: #e64e4d;
        line-height: 88px;
        padding-left: 24px;
        padding-right: 24px;
        background: #fff;
        border-bottom: solid 1px #e0e0e0;
    }
    .help-detail {
        font-size: 24px;
        line-height: 48px;
        padding: 20px;
        color: #888888;
        background: #fff;
    }
</style>